$(function (){
//todo write my js code at here
    loadStudentList();

});

function loadStudentList() {

    $.ajax({
        url:"/api/student/list"

    }).done(function (data) {
        //console.log(data);
        let html = "";
        data.forEach((element, index) => {
            html+="<tr>"
            html+="<td>"+element.id+"</td>"
            html+="<td>"+element.name+"</td>"
            html+="<td>"+element.sex+"</td>"
            html+="<td>"+element.age+"</td>"
            html+="<td>"+element.sno+"</td>"
            html+="</tr>"
        })
        $("#studentTb").html(html)

    });
}
let layerIndex;
/**
 * 弹出显示学生信息对话框
 */

function  showStudenDlg() {

    layerIndex=layer.open({
        type:1,
        title:"添加学生信息",
        area:['520px','auto'],
        content:$("#studForm"),
    })
}

layui.use(function () {
    //(1)验证表单是否合法
    layui.from.on('submit(stud-dlg)',function(data){
        event.preventDefault();//阻止默认提交事件

        commitStuden();
    })
})

function  commitStuden() {
    //新增学生需要进行

    //(2)提交表单数据到服务器
    let formData = $("#studForm").serialize();
    $.ajax({
        url:"/api/student/add",
        method:"POST",
        data:formData,
    }).done(result=> {
        console.log(result);
        if (result.id) {

            // (4)刷新学生列表
            loadStudentList();
            // (3)关闭弹出层
            console.log("add success!");
            if (layerIndex)
                layer.close(layerIndex);

        }


    }).fail((jqXHR, textStatus, errorThrown) => {
        console.error("Request failed: " + textStatus + ", " + errorThrown);
        //可以在这里处理错误情况，比如显示错误信息
        alert("An error occurred while adding the student: ");

    });
    $("#btnOK").prop('disabled', true).addClass('layui-btn-disabled');// 禁用按钮
}